<template>
    <div class="bindBank">
      <div class="top">
        <ul class="items-wrapper">
          <li class="item">请选择您的银行</li>
          <li class="item"><input type="text" class="form-input" placeholder="请输入您的银行卡号"></li>
        </ul>
        <ul class="items-wrapper">
          <li class="item">请选择开户所在省</li>
          <li class="item">请选择开户所在市</li>
          <li class="item"><input type="text" class="form-input" placeholder="请输入开户行名称（可拨打银行电话查询）"></li>
        </ul>
        <ul class="items-wrapper">
          <li class="item"><input type="text" class="form-input" placeholder="请输入该卡开户姓名"></li>
          <li class="item"><input type="text" class="form-input" placeholder="请输入银行预留手机号"></li>
          <li class="item"><input type="text" class="form-input" placeholder="请输入该卡绑定的身份证"></li>
        </ul>
      </div>
      <div class="bottom">
        <button class="btn">确认绑定</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "bindBank"
    }
</script>

<style scoped lang="stylus">
  .bindBank
    height calc(100% - 64px)
    background #F6F6F6
    padding 10px
    overflow auto
    .top
      .items-wrapper
        background #ffffff
        border-radius 6px
        margin-bottom 10px
        .item
          height 44px
          line-height 44px
          padding 0 10px
          text-align left
          color #333333
          font-size 14px
          border-bottom 1px solid #ededed
          &:last-child
            border-bottom none
          .form-input
            height 100%
            width 100%
            color #333333
            font-size 14px
            outline none
            &::placeholder
              color #D2D2D2

    .bottom
      margin-top 100px
      margin-bottom 35px
      .btn
        width 100%
        height 44px
        border-radius 6px
        border none
        font-size 17px
        color #ffffff
        background #49A2FE
</style>
